<template>
  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"
    viewBox="0 0 32 32" fill="none" :style="{width: `${size}px`, height: `${size}px`}">
    <g opacity="1" transform="translate(0 0)  rotate(0)">
      <mask id="bg-mask-0" fill="white">
        <use transform="translate(0 0)  rotate(0)" xlink:href="#path_0"></use>
      </mask>
      <g mask="url(#bg-mask-0)">
        <path id="Vector" fill-rule="evenodd" style="fill: currentColor" opacity="1"
          d="M4.40008,0.32996h2.8v31.33004v-0.07h-2.8c-0.6,0 -1.07,-0.46 -1.07,-1.06v-29.13004c0,-0.6 0.47,-1.07 1.07,-1.07zM22.0001,10.93v-3.60004c0,-0.93 -0.94,-1.6 -1.8,-1.13l-0.87,0.33c-2.67,1 -4.4,3.93004 -4.4,6.60004v5.86c0,2.67 1.73,5.54 4.4,6.6l0.87,0.27c0.86,0.4 1.8,-0.27 1.8,-1.2v-3.6c0,-0.6 -0.4,-1.07 -0.94,-1.27c-1.53,-0.46 -2.6,-1.93 -2.6,-3.6v-0.39c0,-1.67 1.07,-3.07 2.6,-3.6c0.54,-0.2 0.94,-0.67 0.94,-1.27zM28.7301,1.39996v29.19004c0,0.6 -0.47,1.07 -1.07,1.07h-18.13002v-31.33004h18.07002c0.6,0 1.13,0.47 1.13,1.07z">
        </path>
      </g>
    </g>
    <defs>
      <rect id="path_0" x="0" y="0" width="32" height="32" />
    </defs>
  </svg>
</template>
  
<script setup lang='ts'>
const { size } = withDefaults(defineProps<{
  color?: string,
  size?: number
}>(), {
  color: '#cccccc',
  size: 18
})
</script>